//1.去登陆页面
document.querySelector('.goLog').addEventListener('click', function () {
  location.href = './login.html'
})

// 2.实现注册功能
const form = document.querySelector('.register form')
let flag
form.addEventListener('submit', function (e) {
  //1.阻止表单默认提交功能
  e.preventDefault()
  if (!flag) {
    flag = true
    //2.  收集表单数据
    const username = document.querySelector('[name=username]').value
    const password = document.querySelector('[name=password]').value
    console.log(username, password);
    //3. 验证数据的合法性
    // 3.1 数据不能为空
    if (username.trim() === '' || password.trim() === '') return toastr.error('用户名或密码不能为空!!!')

    // 3.2 数据要根据文档设置合法长度
    // \s space  字符为空  
    // \S 大写S 意思是  不能为空         你想从哪儿找  /^    $/
    if (!/^\S{2,15}$/.test(username)) return toastr.error('用户名应该在2~15位之间')
    if (!/^\S{6,15}$/.test(password)) return toastr.error('密码应该在6~15位之间')
    //4. aixos提交数据
    //axios 发送请求时 默认的时 application/json     '{}'  自动转化成json字符串
    //当前项目  请求参数默认为  application/x-www-form-urlencoded   'username=username&password=password'
    const data = `username=${username}&password=${password}`
    axios.post('/api/register', data).then(({ data: res }) => {
      console.log(res)
      if (res.code === 0) {
        // 注册成功跳转到登录页面
        console.log(res)
        toastr.success('注册成功')
        setTimeout(function () {
          location.href = './login.html'
        }, 5000)
      }
      else {
        //1.清空表单
        this.reset()

        //2.提示错误
        toastr.error(res.message)
      }
    })
    flag = false
  }
})